<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

// 下面是阿毛的代码
<style>
.app-main[data-v-078753dd] {
  z-index: -1;
}

.el-menu-item.is-active {
  background-color: #4891ea !important;

  color: #4891ea !important;
}
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title,
#app .sidebar-container .el-submenu .el-menu-item {
  /* color: #fff !important; */
  background-color: rgb(255, 255, 255) !important;
}
#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .el-submenu__title:hover .el-submenu__title {
  color: #fff !important;
  background: linear-gradient(90deg, #1493fa, #01c6fa) !important;
}
#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .el-submenu__title:hover {
  color: #fff !important;
  background: linear-gradient(90deg, #1493fa, #01c6fa) !important;
}
/* 这是子模块选中时的样式 */
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover,
#app .sidebar-container .el-submenu .el-menu-item:hover {
  color: #fff !important;
  background: linear-gradient(90deg, #1493fa, #01c6fa) !important;
}

.el-submenu__title {
  background-color: #fff !important;
}
/* 修改导航菜单栏悬浮时的背景颜色  */
.el-submenu__title:hover,
.el-menu-item:focus,
.el-menu-item:hover {
  background-color: cornflowerblue !important;
}

#app .menu-item .el-menu-item.is-active {
  background: linear-gradient(90deg, #1493fa, #01c6fa) !important;
  color: #fff !important;
  /* border: 1px solid; */
}

#app .sidebar-container .is-active > .el-submenu__title {
  color: #2657fa !important;
  /* background-color: rgb(232, 169, 169) !important; */
}
#app .sidebar-container .is-active > .el-menu-item {
  color: #2657fa !important;
  /* background-color: rgb(232, 169, 169) !important; */
}

/* 导航栏点击后,左边的颜色设置 */
.el-menu-item.is-active {
  background-color: aqua !important;
  border-left: solid 5px #2657fa;
  /*  */
  /* box-shadow: #ef0f8e 20px 20px 30px 25px; */
}

.el-menu .el-menu-item {
  color: #81b1ff !important;
}
.el-submenu .el-submenu__title {
  color: #81b1ff !important;
}

.el-menu-item {
  transition: none;
}
.el-submenu__title {
  transition: none;
}

#app .sidebar-container {
  /* background: linear-gradient(90deg, #1493fa, #01c6fa); */
  background-color: #fff;
  border-right: 1px solid #999;
}
.el-menu .el-menu-item {
  background-color: #fff !important;
}
/* .el-menu .el-menu-item:hover {
  background-color: rgb(181, 96, 96) !important;
} */
.navbar[data-v-d16d6306] .sidebar-container .el-menu {
  background-color: #fff !important;
}
.navbar[data-v-d16d6306] {
  height: 70px !important;
  line-height: 70px !important;
  background: linear-gradient(90deg, #1493fa, #01c6fa);
}
.navbar[data-v-d16d6306] .hamburger-container[data-v-d16d6306] {
  line-height: 70px !important;
}
.navbar[data-v-d16d6306] .el-breadcrumb__inner a,
.navbar[data-v-d16d6306] span,
.el-breadcrumb__inner.is-link {
  color: #fff !important;
}
.navbar[data-v-d16d6306] .app-breadcrumb.el-breadcrumb[data-v-b50ef614] {
  color: #fff !important;
  line-height: 70px !important;
}
.app-wrapper[data-v-13877386] .sidebar-logo-container {
  height: 70px !important;
}
</style>
